<template>
  <div>
    <!-- <div class="wh-div">为您推荐：大家都在看</div>
    <div class="scroll-temp">
      <div class="temp-box" ref="temp">
        <div v-for="v in 5" :key="v + '1'" class="li">
          <span :class="v.ts"
            ><img src="/img/无缝滚动图1.jpg" alt="" />
            <img src="/img/无缝滚动图2.jpg" alt="" />
            <img src="/img/无缝滚动图3.jpg" alt="" />
            <img src="/img/无缝滚动图4.jpg" alt="" />
            <img src="/img/无缝滚动图5.jpg" alt="" />
          </span>
        </div>
      </div>
    </div> -->
  </div>
</template>
<script>
// let x = 0;
// export default {
//   mounted() {
//     this.tempInterval = setInterval(this.rollTemp, 50);
//   },
//   methods: {
//     rollTemp() {
//       let all = 0;
//       let count = this.$refs.temp.childElementCount;
//       for (let i = 0; i < count; i++) {
//         all += this.$refs.temp.children[i].offsetWidth;
//       }
//       let half = all >> 1;
//       if (x < 1 - half) {
//         x = 0;
//       }
//       x -= 1.5;
//       this.$refs.temp.style.transform = "translateX(" + x + "px)";
//     },
//   },
// };
//
</script>

// <style scoped lang="scss" rel="stylesheet/scss">
// .scroll-temp {
// background: rgb(247, 242, 242);
// top: 100px;
// left: 480px;
// width: 100%;
// color: #fff;
// height: 200px;

// overflow: hidden;
//   .temp-box {
//     white-space: nowrap;
//     .li {
//       display: inline;
//       // height: 30px;
//     }
//   }
// }
// img {
//   width: 240px;
//   height: 200px;
//   margin-left: 30px;
// }

// .wh-div {
//   height: 60px;
//   text-align: center;
//   font-size: 25px;
//   background-color: #133c58;
//   color: #fff;
//   line-height: 60px;
// }
// .scroll-temp {
//   width: 70%;
//   overflow: hidden;
//   margin: auto;
//   line-height: 30px;
// }
//
</style>